const sass = require('sass');
const loadGruntTasks = require('load-grunt-tasks');
module.exports = grunt => {
    grunt.initConfig({
        sass:{
            options:{
                implementation: sass,
                sourceMap: true
            },
            main:{
                files:{
                    'dist/css/main.css':'src/scss/main.scss'
                }
            }
        },
        babel:{
            options:{
                presets:['@babel/preset-env'],
                sourceMap: true
            },
            main:{
                files:{
                    'dist/js/app.js':'src/js/app.js'
                }
            }
        },
        watch:{
            js:{
                files:['src/js/*.js'],
                tasks:['babel']
            },
            css:{
                files:['src/scss/*.scss'],
                tasks:['sass']
            }
        }
    });
    //grunt-sass是一个多目标任务
    // grunt.loadNpmTasks('grunt-sass');
    loadGruntTasks(grunt);//自动加载所有的 grunt 插件中的任务

    grunt.registerTask('default',['sass','babel','watch']);
}